import { getNewCartGoods, mergeLocalCart, insertCart, findCartList, deleteCart, updateCart, checkAllCart } from '@/api/cart'

// 购物车模块
export default {
  namespaced: true,
  state () {
    return {
      // 购物车商品列表
      list: []
    }
  },
  getters: {
    validList (state) {
      // 有效商品：库存大于0 stock 商品有效标识为 true isEffective
      return state.list.filter(goods => goods.stock > 0 && goods.isEffective)
    },
    validTotal (state, getters) {
      // 有效商品总件数
      return getters.validList.reduce((p, c) => p + c.count, 0)
    },
    validAmount (state, getters) {
      // 有效商品总金额
      return getters.validList.reduce((p, c) => p + parseInt(c.nowPrice * 100) * c.count, 0) / 100
    },
    invalidList (state) {
      // 无效商品列表
      return state.list.filter(item => !(item.stock > 0 && item.isEffective))
    },
    selectedList (state, getters) {
      // 选中商品列表
      return getters.validList.filter(item => item.selected)
    },
    selectedTotal (state, getters) {
      // 选中商品件数
      return getters.selectedList.reduce((p, c) => p + c.count, 0)
    },
    selectedAmount (state, getters) {
      // 选中商品总金额
      return getters.selectedList.reduce((p, c) => p + (c.nowPrice * 100 * c.count), 0) / 100
    },
    isCheckAll (state, getters) {
      // 是否全选
      return getters.validList.length === getters.selectedList.length && getters.selectedList.length !== 0
    }
  },
  mutations: {
    insertCart (state, payload) {
      // 约定加入购物车字段必须和后端保持一致 payload对象 的字段
      // id, skuId, name, attrsText, picture, price, nowPrice, selected, stock, count, isEffective

      const sameIndex = state.list.findIndex(goods => goods.skuId === payload.skuId)
      // console.log(sameIndex)
      if (sameIndex > -1) {
        const count = state.list[sameIndex].count
        payload.count += count
        // 删除原来
        state.list.splice(sameIndex, 1)
      }
      // 追加新的
      state.list.unshift(payload)
    },
    updateCart (state, goods) {
      // 修改购物车商品
      // goods 商品信息： nowPrice stock isEffective
      // goods 商品对象的字段不固定，对象中有哪些字段就改哪些字段，字段的值合理才改
      // goods 商品对象 必需有skuid
      const updateGoods = state.list.find(item => item.skuId === goods.skuId)

      if (updateGoods !== undefined) {
        for (const key in goods) {
          if (goods[key] !== undefined && goods[key] !== null && goods[key] !== '') {
            updateGoods[key] = goods[key]
          }
        }
      }
    },
    deleteCart (state, skuId) {
      // 删除购物车商品
      const index = state.list.findIndex(item => item.skuId === skuId)
      state.list.splice(index, 1)
    },
    setCart (state, payload) {
      // 设置购物车列表
      state.list = payload
    }
  },
  actions: {
    // 合并购物车
    async mergeCart (ctx) {
      // 准备合并的参数
      const cartList = ctx.state.list.map(goods => {
        return {
          skuId: goods.skuId,
          selected: goods.selected,
          count: goods.count
        }
      })
      await mergeLocalCart(cartList)
      // 合并成功，清空本地购物车
      ctx.commit('setCart', [])
    },
    // 修改规格
    updateCartSku (ctx, { oldSkuId, newSku }) {
      return new Promise((resolve, reject) => {
        if (ctx.rootState.user.profile.token) {
          // 登录 TODO
          // 1. 获取原先商品的数量
          // 2. 删除原先商品
          // 3. 获取修改的skuId 和 原先商品数量 做一个加入购物车操作
          // 4. 更新列表
          const oldGoods = ctx.state.list.find(item => item.skuId === oldSkuId)
          deleteCart([oldSkuId]).then(() => {
            return insertCart({ skuId: newSku.skuId, count: oldGoods.count })
          }).then(() => {
            return findCartList()
          }).then((data) => {
            ctx.commit('setCart', data.result)
            resolve()
          })
        } else {
          // 1.找到旧的商品信息
          // 2.删除旧商品数据
          // 3.根据新的sku信息和旧的商品信息，合并成一条新的购物车商品数据
          // 4.添加新的商品
          const oldGoods = ctx.state.list.find(item => item.skuId === oldSkuId)
          ctx.commit('deleteCart', oldSkuId)
          const { skuId, price: nowPrice, specsText: attrsText, inventory: stock } = newSku
          const newGoods = { ...oldGoods, skuId, nowPrice, attrsText, stock }
          ctx.commit('insertCart', newGoods)
          resolve()
        }
      })
    },
    // 做有效商品的全选&反选
    checkAllCart (ctx, selected) {
      return new Promise((resolve, reject) => {
        if (ctx.rootState.user.profile.token) {
          // 登录 TODO
          const ids = ctx.getters.validList.map(item => item.skuId)
          checkAllCart({ selected, ids }).then(() => {
            return findCartList()
          }).then((data) => {
            ctx.commit('setCart', data.result)
            resolve()
          })
        } else {
          // 本地
          // 1. 获取有效的商品列表，遍历的去调用修改mutations即可
          ctx.getters.validList.forEach(item => {
            ctx.commit('updateCart', { skuId: item.skuId, selected })
          })
          resolve()
        }
      })
    },
    // 批量删除选中商品
    batchDeleteCart (ctx, isClear) {
      return new Promise((resolve, reject) => {
        if (ctx.rootState.user.profile.token) {
          // 登录 TODO
          // 得到需要删除的商品列表（失效，选中）的skuId集合
          const ids = ctx.getters[isClear ? 'invalidList' : 'selectedList'].map(item => item.skuId)
          deleteCart(ids).then(() => {
            return findCartList()
          }).then((data) => {
            ctx.commit('setCart', data.result)
            resolve()
          })
        } else {
          // 本地
          // 1. 获取选中商品列表，进行遍历调用deleteCart mutataions函数
          ctx.getters[isClear ? 'invalidList' : 'selectedList'].forEach(item => {
            ctx.commit('deleteCart', item.skuId)
          })
          resolve()
        }
      })
    },
    // 删除购物车
    deleteCart (ctx, payload) {
      return new Promise((resolve, reject) => {
        if (ctx.rootState.user.profile.token) {
          // 已登陆
          deleteCart([payload]).then(() => {
            return findCartList()
          }).then((data) => {
            ctx.commit('setCart', data.result)
            resolve()
          })
        } else {
          ctx.commit('deleteCart', payload)
          resolve()
        }
      })
    },
    // 加入购物车
    insertCart (ctx, payload) {
      return new Promise((resolve, reject) => {
        if (ctx.rootState.user.profile.token) {
          // 登录 TODO
          insertCart(payload).then(() => {
            return findCartList()
          }).then((data) => {
            ctx.commit('setCart', data.result)
            resolve()
          })
        } else {
          ctx.commit('insertCart', payload)
          resolve()
        }
      })
    },
    // 修改购物车商品
    updateCart (ctx, goods) {
      // goods 中：必须有skuId，其他想修改的属性 selected  count
      return new Promise((resolve, reject) => {
        if (ctx.rootState.user.profile.token) {
          // 登录 TODO
          updateCart(goods).then(() => {
            return findCartList()
          }).then((data) => {
            ctx.commit('setCart', data.result)
            resolve()
          })
        } else {
          // 本地
          ctx.commit('updateCart', goods)
          resolve()
        }
      })
    },
    // 获取商品列表
    findCart (ctx) {
      return new Promise((resolve, reject) => {
        if (ctx.rootState.user.profile.token) {
          // 已登陆
          findCartList().then(data => {
            ctx.commit('setCart', data.result)
            resolve()
          })
        } else {
          // 同时发送请求（有几个商品发几个请求）等所有请求成功，一并去修改本地数据
          // Promise.all(promise数组).then((dataList) => {}) 同时发请求，所有请求成功，得到所有成功的结果
          // Promise.race(promise数组).then((data) => {}) 同时发请求，最快请求成功，得到结果
          const promiseArr = ctx.state.list.map(goods => {
            return getNewCartGoods(goods.skuId)
          })
          Promise.all(promiseArr).then(results => {
            // 更新本地购物车
            results.forEach((data, i) => {
              ctx.commit('updateCart', { skuId: ctx.state.list[i].skuId, ...data.result })
            })
            // 调用 resolve 代表操作成功
            resolve()
          })
        }
      })
    }
  }
}
